<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/table.css" />
	<script src="${ctx}/js/controllers/news/yellowpage/YellowPageEditController.js" type="text/javascript"></script>
</head>
<body style="margin:0px;">
	<section class="mainborder">
		<section class="edit_scrollable padder">
			<div class="edit_content">
				<form id="myFrom">
					<div class="form">
						<div class="item">
							<label class="col-sm-1 editlable">名称：</label>
							<input id="pageId" type="hidden" value="${yellowPage.id }">
							<input id="pagecellId" type="hidden" value="${yellowPage.cellId }">
							<div class="fl">
								<!-- 由于名字过长会导致商户和业主显示有问题，故限制为8 -->
								<input class="editform-control" id="pageName" onblur="checkPageName();" value="${yellowPage.pageName }" type="text" class="text" maxlength="8" placeholder="请输入名称（最多8字）" />
								<em class="emStyle">*</em>
							</div>
						</div>
						<div class="item">
		                   <label class="col-sm-1 editlable">小区名：</label>
		                   <div class="fl">
		                       <select class="editform-control" style="height:31px;width: 209px;" id="cellId">
										<option value="${yellowPage.cellId}">${yellowPage.cellName}</option>
		                       </select>
		                       <em class="emStyle">*</em>
		                   </div>
		                </div>
						<div class="item">
							<span class="col-sm-1 editlable">电话号码1：</span>
							<div class="fl">
								<input class="editform-control" id="phone0" onblur="checkPhone0();" value="${yellowPage.phone0}" type="text" class="text" placeholder="请输入电话号码" />
								<em class="emStyle">*</em>
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">电话号码2：</span>
							<div class="fl">
								<input class="editform-control" id="phone1" onblur="checkPhone1();" value="${yellowPage.phone1}" type="text" class="text" placeholder="请输入电话号码" />
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">地址：</span>
							<div class="fl">
								<!-- 根据业主商户web页面展示的样式来看，23个汉字是可以正常显示的最大字数 ，为了输入框的提示显得正常，故取整数20个-->
								<input class="editform-control" id="addr" value="${yellowPage.addr}" type="text" class="text" maxlength="20" placeholder="请输入地址（最多20字）" />
							</div>
						</div>
						<div class="item">
							<span class="col-sm-1 editlable">排序：</span>
							<div class="fl">
							<input class="editform-control" id="sort" onblur="checkSort();" type="number" maxlength="11" style="width:60px" value="${yellowPage.sort == null ? 1 : yellowPage.sort}">
							<em class="emStyle">*</em>
							</div>
						</div>
						
					</div>
				</form>
			</div>
		</section>
	</section>
	<script type="text/javascript">
		document.getElementById("myFrom").reset();
	</script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</body>
</html>
